<template>
  <div class="outer-box">
        <TitleItem iconName="liuyanban">留言板</TitleItem>
        <div class="main-box">
          <div class="content">
            <div>
              <msgItem/>    
            </div>
          </div>
        </div>
  </div>
</template>

<script>
import msgItem from '../../../components/msgItem.vue'
export default {
  components:{
    msgItem
  }
}
</script>

<style lang="less" scoped>
.outer-box{
    margin-top: 20px;
}

.main-box{
    position: relative;
    height: 438px * @topx;
    width: 707px * @topx;
    margin-bottom: 20px;
    border: 6px solid rgba(249, 174, 173, 0.8);

    .content{
      position: absolute;
      top: 50%;
      left: 50%;
      width: 660px *@topx;
      height: 410px *@topx;
      background-color: rgba(176, 61, 57, 0.8);
      transform: translate(-50%,-50%);
      overflow: scroll;
      
      div{
        margin-left: 8px;
        margin-top:10px
      }
    }
}

</style>